Pixels of the Week – September 29, 2017 by Stéphanie Walter

This content is 7 years old. Remember that the following content might be outdated.

Every week I post a lot of my daily readings about Web, UI and UX Design, mobile design, webdesign tools and useful resources, inspiration on twitter and other social networks.

This week’s selection: HTML5 cheatsheet, design systems and patterns with Sketch symbols, padding and whitespace, fonts, user experience of micro-interactions, CNN’s mobile app, deceptive patterns at booking, iPhone X, UX of buttons, sensors for the web and cache busting ressources.

You can follow me on twitter to get a dose of links every days.

TL;DNR the one you should not miss

#HTML5

The Mega HTML5 Cheatsheet – Level Up! – wow this is, huge ^^

Interesting article

#Design

Setting Up a Design System in Sketch, a really detailed article, this is huge

#Design

Symbols & Styleguides, huge UI starter template. I wanted to do my own but this one is really detailed

#Design #UX

More Padding, Please! – The power of white space in product design

#Font

Fonts don’t matter – structure, content, spacing will be more important then your font choice for readability

#iPhoneX

UI Design for iPhone X: Bottom Elements – some interesting UI solutions

Great read: All of 2017’s flagship phones have glaring compromises. Here’s what they tell us about design

#UX #deceptivepattern

How Booking.com manipulates you

#UX #Microinteractions

Microinteractions: the low cost of high reward

#UX #Online Newspaper

UX Case Study : CNN’s Mobile App

#UX #Button

According to the author, buttons shouldn’t have a hand cursor, it should be reserved to links. For me the question is: on the web, does the hand mean “link” or “I can click this” (so links, buttons, etc) for users?